<template>
	<view class="yang_zhi_info_box">
		<!-- 轮播图片 -->
		<view class="img_box" v-if="yangZhiDetailData.files && yangZhiDetailData.files.length">
			<swiper
				class="img_swiper" 
				:indicator-dots="false"
				autoplay="true"
				:duration="300"
			>
				<swiper-item class="swiper_item" v-for="(item, index2) in yangZhiDetailData.files" :key="index2">
					<image :src="IMG_URL + item.path"></image>
				</swiper-item>
			</swiper>
		</view>
		
		<!-- 添加 icon -->
		<!-- <view class="img_box_empty" v-else>
			<i class="iconfont icon-tianjiatupian1 color_ccc fs_140_i"></i>
		</view> -->
		
		<!-- 羊图片 (修改于 2023.8.22 招投标) -->
		<view class="img_box_empty">
			<image :src="sheep_img" mode=""></image>
		</view>
		
		<!-- 内容 -->
		<view class="popup-content">
			<!-- 编号 -->
			<view class="num_box flex_row_between bgc_fff p_10 border_box">
				<view class="num">
					4236 8435 3955
				</view>
			
				<view class="percent fs_26 mainColor">
					<!-- 档案完善度: 90% -->
					
					<i class="dang_an_icon iconfont icon-JDgerendanganwanshan mainColor fs_50_i"></i>
					<text class="fs_30_i">90%</text>
				</view>
			</view>
			
			<!-- 牛 说明 -->
			<view class="yang_zhi_content flex_row_around">
				<view class="flex_item bgc_1c9aa0 border_radius_10 text_center p_6 border_box">
					<text class="vertical_text mn color_fff fs_36">ᠱᠢᠮᠧᠨ᠋ᠳᠡᠷ</text>
				</view>
				<view class="flex_item bgc_eee border_radius_10 text_center p_6 border_box">
					<text class="vertical_text mn color_000 fs_36">ᠰᠠᠭᠤᠷᠢ ᠦᠨᠢᠶ᠎ᠡ</text>
				</view>
				<view class="flex_item bgc_eee border_radius_10 text_center p_6 border_box">
					<text class="vertical_text mn color_000 fs_36">ᠱᠢᠷ᠎ᠠ ᠴᠠᠭᠠᠨ ᠥᠩᠭᠡ</text>
				</view>
				<view class="flex_item bgc_eee border_radius_10 text_center p_6 border_box">
					<text class="vertical_text mn color_000 fs_36">ᠦᠨᠢᠶ᠎ᠡ</text>
				</view>
				<view class="flex_item bgc_eee border_radius_10 text_center p_6 border_box">
					<text class="vertical_text mn color_000 fs_36">ᠡᠪᠡᠷ᠎ᠲᠡᠢ</text>
				</view> 
				<view class="flex_item bgc_eee border_radius_10 text_center p_6 border_box">
					<text class="vertical_text mn color_000 fs_36">12 ᠰᠠᠷ᠎ᠠ</text>
				</view> 
			</view>	
			
			<!-- 溯源码 售卖 -->
			<view class="su_yuan__shou_mai_box flex_row_between">
				<view class="su_yuan_box bgc_1c9aa0 border_radius_10">
					<view class="su_yuan flex_row_between">
						<view class="su_yuan_icon">
							<i class="iconfont icon-suyuanmaguanlihui color_fff fs_48_i"></i>
						</view>
						
						<view class="su_yuan_text">
							<text class="vertical_text mn fs_40 color_fff">ᠡᠬᠢ᠎ᠶᠢ᠎ᠨᠢ ᠡᠷᠢᠬᠦ ᠺᠣᠳ᠋</text>
						</view>
					</view>
				</view>

				<view class="shou_mai_box bgc_orange border_radius_10">
					<view class="shou_mai flex_row_between">
						<view class="shou_mai_icon">
							<i class="iconfont icon-shoumai color_fff fs_48_i"></i>
						</view>
						
						<view class="shou_mai_text">
							<text class="vertical_text mn fs_40 color_fff">ᠬᠤᠳᠠᠯᠳᠤᠬᠤ</text>
						</view>
					</view>
				</view>
			</view>
			
			<!-- 成本 -->
			<view class="cheng_ben_box w_full">
				<view class="num_list">
					<view class="num_item">
						<view class="num">
							￥0
						</view>
						<view class="name text-center">
							<text class="vertical_text mn fs_40 ">ᠬᠤᠳᠠᠯᠳᠤᠨ ᠠᠪᠤᠭᠰᠠᠨ ᠵᠠᠷᠤᠳᠠᠯ</text> 
						</view>
					</view>
					
					<view class="num_item">
						<view class="num">
							￥0
						</view>
						<view class="name text-center">
							<text class="vertical_text mn fs_40">ᠨᠠᠢᠷᠠᠯᠭ᠎ᠠ ᠎ᠶᠢᠨ ᠵᠠᠷᠤᠳᠠᠯ</text> 
						</view>
					</view>
					
					<view class="num_item">
						<view class="num">
							￥3200
						</view>
						<view class="name text-center">
							<text class="vertical_text mn fs_40">ᠬᠠᠮᠢᠶᠠᠷᠤᠯᠲᠠ ᠎ᠶᠢᠨ ᠵᠠᠷᠤᠳᠠᠯ</text> 
						</view>
					</view>
					
					<view class="num_item">
						<view class="num color_ff2c64">
							￥8540
						</view>
						<view class="name text-center">
							<text class="vertical_text mn fs_40">ᠪᠦᠬᠦ ᠵᠠᠷᠤᠳᠠᠯ</text> 
						</view>
					</view>
				</view>
			</view>
			
			<!-- 基本信息 -->
			<view class="base_info_box flex_row_between mt_40 bgc_fff border_radius_10 p_10 border_box">
				<view class="base_title">
					<text class="vertical_text mn fs_40_i mainColor">ᠦᠨᠳᠦᠰᠦᠨ ᠪᠠᠢᠳᠠᠯ</text>
				</view>
				
				<view class="base_content_box">
					<view class="content_list flex_row_between">
						<view class="content_item">
							<view class="text1">
								<text class="vertical_text mn fs_40 ">ᠡᠷ᠎ᠡ</text> 
							</view>
							<view class="text2 text-center">
								<text class="vertical_text mn fs_40  color_ccc">ᠬᠦᠢᠰᠦ</text> 
							</view>
						</view>
						
						<view class="content_item">
							<view class="text1">
								<text class="vertical_text mn fs_40 ">ᠱᠢᠮᠧᠨ᠋ᠳᠡᠷ</text> 
							</view>
							<view class="text2 text-center">
								<text class="vertical_text mn fs_40  color_ccc">ᠲᠥᠷᠦᠯ ᠵᠦᠢᠯ</text> 
							</view>
						</view>
						
						<view class="content_item">
							<view class="text1">
								<text class="vertical_text mn fs_40 ">ᠱᠢᠷ᠎ᠠ ᠴᠠᠭᠠᠨ ᠥᠩᠭᠡ</text> 
							</view>
							<view class="text2 text-center">
								<text class="vertical_text mn fs_40  color_ccc">ᠦᠰᠦᠨ᠎ᠦ ᠥᠩᠭᠡ᠎ᠶᠢᠨ ᠣᠨᠴᠠᠯᠢᠭ</text> 
							</view>
						</view>
					</view>
					
					<view class="content_list flex_row_between">
						<view class="content_item">
							<view class="text1">
								<text class="vertical_text mn fs_40 ">ᠡᠪᠡᠷ᠎ᠲᠡᠢ</text> 
							</view>
							<view class="text2 text-center">
								<text class="vertical_text mn fs_40  color_ccc">ᠣᠨᠴᠠ ᠲᠥᠷᠦᠯ</text> 
							</view>
						</view>
						
						<view class="content_item">
							<view class="text1">
								<text class="fs_30">2012.6.3</text> 
							</view>
							<view class="text2 text-center">
								<text class="vertical_text mn fs_40  color_ccc">ᠲᠥᠷᠦᠭᠰᠡᠨ ᠡᠳᠦᠷ </text> 
							</view>
						</view>
						
						<view class="content_item">
							<view class="text1">
								<text class="fs_30">32</text> 
							</view>
							<view class="text2 text-center">
								<text class="vertical_text mn fs_40  color_ccc">ᠰᠠᠷ᠎ᠠ</text> 
							</view>
						</view>
					</view>
					
					<view class="content_list flex_row_between">
						<view class="content_item">
							<view class="text1">
								<text class="vertical_text mn fs_40 ">111</text> 
							</view>
							<view class="text2 text-center">
								<text class="vertical_text mn fs_40  color_ccc">ᠲᠡᠵᠢᠭᠡᠨ ᠦᠷᠡᠵᠢᠭᠦᠯᠬᠦ ᠲᠥᠷᠦᠯ ᠵᠦᠢᠯ</text> 
							</view>
						</view>
						
						<view class="content_item">
							<view class="text1">
								<text class="vertical_text mn fs_40 ">xxxx</text> 
							</view>
							<view class="text2 text-center">
								<text class="vertical_text mn fs_40  color_ccc">ᠬᠢᠵᠢᠭ ᠪᠠᠢᠴᠠᠭᠠᠬᠤ ᠸᠠᠺᠼᠢᠨ</text> 
							</view>
						</view>
						
						<view class="content_item">
							<view class="text1">
								<text class="vertical_text mn fs_40 ">ᠬᠥᠯᠦᠨ ᠪᠣᠢᠷ</text> 
							</view>
							<view class="text2 text-center">
								<text class="vertical_text mn fs_40  color_ccc">ᠭᠠᠷᠤᠯᠲᠠ᠎ᠶᠢᠨ ᠭᠠᠵᠠᠷ</text> 
							</view>
						</view>
					</view>
				</view>
				
				<view class="update_info_box">
					<text class="vertical_text mn fs_40 mainColor" @click="updateBaseInfo()">ᠦᠨᠳᠦᠰᠦᠨ ᠪᠠᠢᠳᠠᠯ᠎ᠢ ᠵᠠᠰᠠᠬᠤ</text>
				</view>
			</view>
			
			<!-- 成长记录 -->
			<view class="grow_info_box flex_row_between mt_40 bgc_fff border_radius_10 p_20 border_box">
				<view class="base_title">
					<text class="vertical_text mn fs_40_i mainColor">ᠥᠰᠦᠯᠲᠡ᠎ᠶᠢᠨ ᠲᠡᠮᠳᠡᠭᠯᠡᠯ</text>
				</view>
				
				<swiper
					class="grow_swiper"
					indicator-dots="true"
					indicator-color="#ccc"
					indicator-active-color="#1c9aa0"
					autoplay="true"
					:duration="300"
				>
					<!-- <swiper-item class="swiper_item" v-for="(item, index2) in yangZhiDetailData.files" :key="index2">
						
					</swiper-item> -->
					
					<swiper-item>
						<view class="base_content_box">
							<view class="content_title">
								<text class="vertical_text mn fs_40">ᠲᠥᠷᠦᠭᠰᠡᠨ ᠬᠤᠭᠤᠴᠠᠭ᠎ᠠ</text>
							</view>
							
							<view class="content_list flex_row_between">
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">340kg</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠪᠡᠶ᠎ᠡ᠎ᠶᠢᠨ ᠬᠦᠨᠳᠦ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">170cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠪᠡᠶ᠎ᠡ᠎ᠶᠢᠨ ᠥᠨᠳᠦᠷ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">100cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠴᠡᠭᠡᠵᠢᠨ ᠲᠣᠭᠤᠷᠢᠭ</text> 
									</view>
								</view>
							</view>
							
							<view class="content_list flex_row_between">
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">100cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠬᠡᠪᠡᠯᠢ ᠎ᠶᠢᠨ ᠲᠣᠭᠤᠷᠢᠭ</text>
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">86cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠲᠣᠨᠤᠯᠵᠢᠨ ᠬᠡᠰᠡᠭ᠎ᠦᠨ ᠥᠨᠳᠦᠷ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">150cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠪᠡᠶ᠎ᠡ᠎ᠶᠢᠨ ᠵᠢᠱᠢᠭᠦᠦ ᠤᠷᠲᠤ</text> 
									</view>
								</view>
							</view>
						</view>
					</swiper-item>
					
					<swiper-item>
						<view class="base_content_box">
							<view class="content_title">
								<text class="vertical_text mn fs_40">ᠰᠦ ᠲᠠᠰᠤᠷᠠᠬᠤ ᠬᠤᠭᠤᠴᠠᠭ᠎ᠠ</text>
							</view>
							
							<view class="content_list flex_row_between">
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">340kg</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠪᠡᠶ᠎ᠡ᠎ᠶᠢᠨ ᠬᠦᠨᠳᠦ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">170cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠪᠡᠶ᠎ᠡ᠎ᠶᠢᠨ ᠥᠨᠳᠦᠷ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">100cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠴᠡᠭᠡᠵᠢᠨ ᠲᠣᠭᠤᠷᠢᠭ</text> 
									</view>
								</view>
							</view>
							
							<view class="content_list flex_row_between">
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">100cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠬᠡᠪᠡᠯᠢ ᠎ᠶᠢᠨ ᠲᠣᠭᠤᠷᠢᠭ</text>
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">86cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠲᠣᠨᠤᠯᠵᠢᠨ ᠬᠡᠰᠡᠭ᠎ᠦᠨ ᠥᠨᠳᠦᠷ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">150cm</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠪᠡᠶ᠎ᠡ᠎ᠶᠢᠨ ᠵᠢᠱᠢᠭᠦᠦ ᠤᠷᠲᠤ</text> 
									</view>
								</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
				
				<view class="update_info_box">
					<text class="vertical_text mn fs_40 mainColor" @click="addGrowInfo()">ᠥᠰᠦᠯᠲᠡ᠎ᠶᠢᠨ ᠲᠡᠮᠳᠡᠭᠯᠡᠯ ᠨᠡᠮᠡᠬᠦ</text>
				</view>
			</view>
			
			<!-- 饲料配方 -->
			<view class="si_liao_pei_fang_box flex_row_between mt_40 bgc_fff border_radius_10 p_20 border_box">
				<view class="base_title">
					<text class="vertical_text mn fs_40_i mainColor">ᠪᠣᠷᠳᠤᠭᠠᠨ᠎ᠤ ᠨᠠᠢᠷᠠᠯᠭ᠎ᠠ</text>
				</view>
				
				<swiper
					class="grow_swiper"
					indicator-dots="true"
					indicator-color="#ccc"
					indicator-active-color="#1c9aa0"
					autoplay="true"
					:duration="300"
				>
					<!-- <swiper-item class="swiper_item" v-for="(item, index2) in yangZhiDetailData.files" :key="index2">
						
					</swiper-item> -->
					
					<swiper-item>
						<view class="base_content_box">							
							<view class="content_list flex_row_between">
								<view class="content_item">
									<view class="text1">
										<text class="vertical_text mn fs_34">xxxx</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠪᠣᠷᠳᠤᠭᠠᠨ᠎ᠤ ᠨᠠᠢᠷᠠᠯᠭ᠎ᠠ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="vertical_text mn fs_38">12 ᠡᠳᠦᠷ</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠬᠡᠷᠡᠭᠯᠡᠬᠦ ᠬᠤᠭᠤᠴᠠᠭ᠎ᠠ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="vertical_text mn fs_38">16 ᠡᠳᠦᠷ</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠦᠯᠡᠳᠡᠭᠰᠡᠨ ᠡᠳᠦᠷ</text> 
									</view>
								</view>
							</view>
							
							<view class="content_list flex_row_between">
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">￥1.3</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠭᠠᠭᠴᠠ ᠡᠳᠦᠷ᠎ᠦᠨ ᠵᠠᠷᠤᠳᠠᠯ</text>
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">￥42.5</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠦᠶᠡᠯᠡᠯ᠎ᠦᠨ ᠵᠠᠷᠤᠳᠠᠯ</text> 
									</view>
								</view>
							</view>
						</view>
					</swiper-item>
					
					<swiper-item>
						<view class="base_content_box">
							<view class="content_list flex_row_between">
								<view class="content_item">
									<view class="text1">
										<text class="vertical_text mn fs_34">xxxx</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠪᠣᠷᠳᠤᠭᠠᠨ᠎ᠤ ᠨᠠᠢᠷᠠᠯᠭ᠎ᠠ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="vertical_text mn fs_38">12 ᠡᠳᠦᠷ</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠬᠡᠷᠡᠭᠯᠡᠬᠦ ᠬᠤᠭᠤᠴᠠᠭ᠎ᠠ</text> 
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="vertical_text mn fs_38">16 ᠡᠳᠦᠷ</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠦᠯᠡᠳᠡᠭᠰᠡᠨ ᠡᠳᠦᠷ</text> 
									</view>
								</view>
							</view>
							
							<view class="content_list flex_row_between">
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">￥1.3</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠭᠠᠭᠴᠠ ᠡᠳᠦᠷ᠎ᠦᠨ ᠵᠠᠷᠤᠳᠠᠯ</text>
									</view>
								</view>
								
								<view class="content_item">
									<view class="text1">
										<text class="fs_34">￥42.5</text> 
									</view>
									<view class="text2 text-center">
										<text class="vertical_text mn fs_40  color_ccc">ᠦᠶᠡᠯᠡᠯ᠎ᠦᠨ ᠵᠠᠷᠤᠳᠠᠯ</text> 
									</view>
								</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
				
				<view class="update_info_box">
					<text class="vertical_text mn fs_40 mainColor" @click="addSiLiaoPeiFang()">ᠨᠠᠢᠷᠠᠯᠭ᠎ᠠ ᠨᠡᠮᠡᠬᠦ</text>
				</view>
			</view>
			
			<!-- 防疫记录 -->
			<view class="fang_yi_box flex_row_between mt_40 bgc_fff border_radius_10 p_20 border_box">
				<view class="base_title">
					<text class="vertical_text mn fs_40_i mainColor">ᠬᠢᠵᠢᠭ ᠰᠡᠷᠭᠡᠢᠯᠡᠬᠦ ᠲᠡᠮᠳᠡᠭᠯᠡᠯ</text>
				</view>
				
				<view class="fang_yi_content">
					<view class="fang_yi_item flex_row_between">
						<view class="yi_miao_name">
							<text class="vertical_text mn fs_40">ᠸᠠᠺᠼᠢᠨ᠎ᠤ ᠨᠡᠷᠡᠢᠳᠦᠯ 1</text>
						</view>
						
						<view class="yi_miao_time">
							<text class="fs_34">2022-04-23</text>
						</view>
					</view>
					
					<view class="fang_yi_item flex_row_between">
						<view class="yi_miao_name">
							<text class="vertical_text mn fs_40">ᠸᠠᠺᠼᠢᠨ᠎ᠤ ᠨᠡᠷᠡᠢᠳᠦᠯ 2</text>
						</view>
						
						<view class="yi_miao_time">
							<text class="fs_34">2022-07-15</text>
						</view>
					</view>
				</view>
				
				<view class="update_info_box">
					<text class="vertical_text mn fs_40 mainColor" @click="addFangYiJiLu()">ᠬᠢᠵᠢᠭ ᠰᠡᠷᠭᠡᠢᠯᠡᠬᠦ ᠨᠡᠮᠡᠬᠦ</text>
				</view>
			</view>
			
			<!-- 治疗记录 -->
			<view class="zhi_liao_box flex_row_between mt_40 bgc_fff border_radius_10 p_20 border_box">
				<view class="base_title">
					<text class="vertical_text mn fs_40_i mainColor">ᠡᠮᠴᠢᠯᠡᠭᠡᠨ᠎ᠦ ᠪᠠᠢᠳᠠᠯ</text>
				</view>
				
				<view class="zhi_liao_content">
					<view class="zhi_liao_item flex_row_between">
						<view class="ji_bing_name">
							<text class="vertical_text mn fs_40">ᠡᠪᠡᠳᠴᠢᠨ᠎ᠦ ᠨᠡᠷᠡᠢᠳᠦᠯ 1</text>
						</view>
						
						<view class="zhi_liao_time">
							<text class="fs_34">2022-05-09</text>
						</view>
					</view>
					
					<view class="zhi_liao_item flex_row_between">
						<view class="ji_bing_name">
							<text class="vertical_text mn fs_40">ᠡᠪᠡᠳᠴᠢᠨ᠎ᠦ ᠨᠡᠷᠡᠢᠳᠦᠯ 2</text>
						</view>
						
						<view class="zhi_liao_time">
							<text class="fs_34">2022-10-20</text>
						</view>
					</view>
				</view>
				
				<view class="update_info_box">
					<text class="vertical_text mn fs_40 mainColor" @click="addZhiLiaoJiLu()">ᠡᠮᠴᠢᠯᠡᠭᠡᠨ᠎ᠦ ᠪᠠᠢᠳᠠᠯ ᠨᠡᠮᠡᠬᠦ</text>
				</view>
			</view>
			
			<!-- 保险记录 -->
			<view class="bao_xian_box flex_row_between mt_40 bgc_fff border_radius_10 p_20 border_box">
				<view class="base_title">
					<text class="vertical_text mn fs_40_i mainColor">ᠳᠠᠭᠠᠳᠭᠠᠯ᠎ᠤᠨ ᠲᠡᠮᠳᠡᠭᠯᠡᠯ</text>
				</view>
				
				<view class="bao_xian_content">
					<view class="bao_xian_item flex_row_between">
						<view class="bao_xian_name">
							<text class="vertical_text mn fs_40">ᠳᠠᠭᠠᠳᠭᠠᠯ᠎ᠤᠨ ᠨᠡᠷᠡᠢᠳᠦᠯ 1</text>
						</view>
						
						<view class="suo_pei">
							<text class="vertical_text mn fs_40">ᠲᠦ᠋ᠯᠦᠭᠦᠯᠬᠦ</text>
						</view>

						<view class="bao_xian_time">
							<text class="fs_34">2022-05-09</text>
						</view>
					</view>
				</view>
			</view>
		</view>	
	</view>
</template>

<script>
	import getSystemInfo from '@/mixins/basic.js'
	const NET = require('@/utils/request')
	const API = require('@/config/api')
	
	export default {
		mixins: [getSystemInfo],
		props: {
			yangZhiDetailData: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			// 修改基本信息
			updateBaseInfo() {
				uni.navigateTo({
					url: '/subcontract/breed-archive/update-yang-zhi'
				})
			},
			
			// 添加成长记录
			addGrowInfo() {
				uni.navigateTo({
					url: '/subcontract/breed-archive/cheng-zhang-ji-lu'
				})
			},
			
			// 添加饲料配方
			addSiLiaoPeiFang() {
				uni.navigateTo({
					url: '/subcontract/breed-archive/add-si-liao-pei-fang'
				})
			},
			
			// 添加防疫记录
			addFangYiJiLu() {
				uni.navigateTo({
					url: '/subcontract/breed-archive/fang-yi-ji-lu'
				})
			},
			
			// 添加治疗记录
			addZhiLiaoJiLu() {
				uni.navigateTo({
					url: '/subcontract/breed-archive/zhi-liao-ji-lu'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.yang_zhi_info_box {
		width: 100%;
		height: 100%;
		
		.img_box {
			width: 100%;
			height: 400rpx;
			padding: 10rpx 20rpx;
			box-sizing: border-box;
			.img_swiper {
				width: 100%;
				height: 100%;
				.swiper_item {
					width: 100%;
					height: 100%;
					image {
						width: 100%;
						height: 100%;
						border-radius: 10rpx;
					}
				}
			}
		}
		
		.img_box_empty {
			width: 100%;
			height: 400rpx;
			line-height: 400rpx;
			text-align: center;
			padding: 10rpx;
			
			i { display: inline-block; vertical-align: middle; }
			image { width: 100%; height: 100%; border-radius: 10rpx; }
		}
		
		.popup-content {
			width: 100%;
			height: calc(100% - 400rpx);
			overflow-y: auto;
			background-color: #f7f7f7;
			padding: 10rpx !important;
			box-sizing: border-box;
			
			// 编号
			.num_box {
				width: 100%; height: 60rpx;
				padding-top: 20rpx;
				// border: 1px solid #f00;
				.num { height: 50rpx; }
				.percent {
					width: 120rpx;
					height: 50rpx;
					// border: 1px solid #f00;
					position: relative;
					
					.dang_an_icon {
						position: absolute;
						top: 5rpx;
						left: 0;
					}
					
					text {
						position: absolute;
						top: 50%;
						right: 0;
						transform: translateY(-50%);
					}
				}
			}
			
			// 牛 说明
			.yang_zhi_content {
				width: 100%;
				height: 140rpx;
				// border: 1px solid #f00;
				background-color: #fff;
				padding: 20rpx 0;
				box-sizing: border-box;
				
				.flex_item {
					height: 100%;
					text { height: 100%; text-align: center; white-space: normal; }
				}
			}
			
			// 溯源 售卖
			.su_yuan__shou_mai_box {
				width: 100%;
				height: 140rpx;
				padding: 10rpx;
				box-sizing: border-box;
				background-color: #fff;
				// border: 1px solid #f00;
				align-items: center;
				box-sizing: border-box;
				
				// 溯源
				.su_yuan_box {
					width: 49%;
					height: 100%;
					position: relative;
					// border: 1px solid #f00;
					
					.su_yuan {
						width: 45%;
						height: 100%;
						border-bottom: 1px solid #ccc;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						// border: 1px solid #f00;
						
						.su_yuan_icon {}
						.su_yuan_text {
							height: 100%;
							text { height: 100%; text-align: center; white-space: normal; }
						}
					}
				}
				
				// 售卖
				.shou_mai_box {
					width: 49%;
					height: 100%;
					position: relative;
					
					.shou_mai {
						width: 33%;
						height: 100%;
						border-bottom: 1px solid #ccc;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						
						.shou_mai_icon {}
						.shou_mai_text {
							height: 100%;
							text { height: 100%; text-align: center; white-space: normal; }
						}
					}
				}
			}
			
			// 成本
			.cheng_ben_box {
				width: 100%;
				height: 210rpx;
				// border: 1px solid #f00;
				padding: 30rpx 10rpx;
				background-color: #fff;
				box-sizing: border-box;
				
				.num_list {
					width: 100%;
					height: 100%;
					display: flex;
					flex-direction: row;
					justify-content: space-around;
					
					.num_item {
						// width: 80rpx;
						flex: 1;
						height: 100%;
						// border: 1px solid #2366fc;
						position: relative;
						text-align: center;
						
						.num {
							width: 100%;
							text-align: center;
						}
						
						.name {
							width: 100%;
							height: 110rpx;
							text-align: center;
							box-sizing: border-box;
							color: #a7a7a7;
							// border: 1px solid #f00;
							margin-top: 10rpx;
							
							text { text-align: center; height: 100%; white-space: normal; }
						}
					}
				}
			}
			
			// 基本信息
			.base_info_box {
				width: 100%;
				
				.base_title { width: 60rpx; }
				.base_content_box { 
					width: calc(100% - 130rpx);
					padding: 10rpx;
					box-sizing: border-box;
					
					.content_list {
						width: 100%;
						height: 200rpx;
						// border: 1px solid #f00;
						
						.content_item {
							flex: 1;
							height: 100%;
							
							.text1, .text2 {
								text-align: center;
								white-space: normal;
							}
							
							.text1 { height: 40%; }
							.text2 { height: 50%; }
						}
					}
					
				}
				.update_info_box {width: 60rpx; }
			}
			
			// 成长记录
			.grow_info_box {
				width: 100%;
				.base_title { width: 60rpx; }
				.grow_swiper {
					width: calc(100% - 150rpx);
					height: 540rpx;
					
					swiper-item {
						width: 96%;
						height: 96%;
						// border: 1px solid #f00;

						.base_content_box { 
							width: 100%;
							padding: 10rpx;
							box-sizing: border-box;
							
							.content_title {
								width: 100%;
								height: 140rpx;
								padding: 10rpx;
								box-sizing: border-box;
								text-align: center;
								
								text { height: 100%; text-align: center; white-space: normal; }
							}
							
							.content_list {
								width: 100%;
								height: 160rpx;
								// border: 1px solid #f00;
								
								.content_item {
									flex: 1;
									height: 100%;
									
									.text1, .text2 {
										text-align: center;
										white-space: normal;
									}
									
									.text1 { height: 40%; }
									.text2 { height: 50%; }
								}
							}
							
						}
					}
				}		
				.update_info_box {width: 60rpx; }
			}
			
			// 饲料配方
			.si_liao_pei_fang_box {
				width: 100%;
				.base_title { width: 60rpx; }
				.grow_swiper {
					width: calc(100% - 150rpx);
					height: 400rpx;
					
					swiper-item {
						width: 96%;
						height: 96%;
						// border: 1px solid #f00;
				
						.base_content_box { 
							width: 100%;
							padding: 10rpx;
							box-sizing: border-box;
							
							.content_list {
								width: 100%;
								height: 160rpx;
								margin-bottom: 20rpx;
								// border: 1px solid #f00;
								
								.content_item {
									flex: 1;
									height: 100%;
									
									.text1, .text2 {
										text-align: center;
										white-space: normal;
									}
									
									.text1 { height: 40%; }
									.text2 { height: 50%; }
								}
							}
							
						}
					}
				}		
				.update_info_box {width: 60rpx; }
			}
			
			// 防疫记录
			.fang_yi_box {
				width: 100%;
				
				.base_title { width: 60rpx; }
				
				.fang_yi_content {
					width: calc(100% - 120rpx);
					
					.fang_yi_item {
						width: 100%;
						height: 100rpx;
						
						.yi_miao_name {
							width: 50%;
							height: 100%;
							
							text { height: 100%; text-align: center; white-space: normal; color: #ccc; }
						}
						
						.yi_miao_time {
							width: 50%;
							height: 100%;
							line-height: 100rpx;
							
							text { color: #ccc; }
						}
					}
				}
				
				.update_info_box {width: 60rpx; }
			}
			
			// 治疗记录
			.zhi_liao_box {
				width: 100%;
				
				.base_title { width: 60rpx; }
				
				.zhi_liao_content {
					width: calc(100% - 120rpx);
					
					.zhi_liao_item {
						width: 100%;
						height: 140rpx;
						
						.ji_bing_name {
							width: 50%;
							height: 100%;
							
							text { height: 100%; text-align: center; white-space: normal; color: #ccc; }
						}
						
						.zhi_liao_time {
							width: 50%;
							height: 100%;
							line-height: 100rpx;
							
							text { color: #ccc; }
						}
					}
				}
				
				.update_info_box {width: 60rpx; }
			}
			
			// 保险记录
			.bao_xian_box {
				width: 100%;
				margin-bottom: 60rpx;
				
				.base_title { width: 60rpx; }
				
				.bao_xian_content {
					width: calc(100% - 70rpx);
					
					.bao_xian_item {
						width: 100%;
						height: 140rpx;
						
						.bao_xian_name {
							width: 30%;
							height: 100%;
							
							text { height: 100%; text-align: center; white-space: normal; color: #ccc; }
						}
						
						.suo_pei {
							width: 20%;

							text { 
								padding: 10rpx;
								background-color: #1c9aa0;
								color: #fff;
								border-radius: 10rpx;
							}
						}
						
						.bao_xian_time {
							width: 50%;
							height: 100%;
							line-height: 100rpx;
							
							text { color: #ccc; }
						}
					}
				}
			}
		}
	}
</style>